﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="Cart_DatHang.ascx.cs" Inherits="Cart_DatHang" %>
<div id="dat-hang" style="display:none;">
    <form style="margin:0px; padding:0px;" action="#" method="post" name="payment" id="payment">
        <input type="hidden" value="neworder" name="type" />
        <div class="error-msg" data-bind="visible: validateForm" >
			<span class="error">Có một số thông tin không hợp lệ</span>
		</div>
        <div id="backtop">
            <table width="100%" cellspacing="12" cellpadding="5" border="0">
                <tbody>
                <tr>
                    <td></td>
                    <td>Những mục có dấu <font color="#FF0000">(*)</font> là bắt buộc phải nhập .</td>
                </tr>
                <tr>
                    <td nowrap="" align="left" style="padding-left:20px" colspan="2" class="form_title">THÔNG TIN NGƯỜI ĐẶT HÀNG  :</td>
                </tr>
                <tr>
                    <td width="20%" nowrap="" align="right" class="form_asterisk">Họ và tên  :</td>
                    <td><input type="text" maxlength="50" size="35" class="text" id="ord_name" name="ord_name" data-bind="value: OrdName">  <font color="#FF0000">*</font></td>
                </tr>
                <tr>
                    <td nowrap="" align="right" class="form_asterisk">Giới tính  :</td>
                    <td>
                        <select id="ord_gender" class="form-input" data-bind="value: Gender1, foreach: genderOptions" name="ord_gender" style="width:70px">
                            <option data-bind="value: Id, text: Name"></option>
                        </select>
                        <!--<select class="form-input" id="ord_gender" name="ord_gender" style="width:70px;">
                            <option value="1">Nam </option>
                            <option value="0">Nữ </option>
                        </select>-->
                    </td>
                </tr>
                <tr>
                    <td nowrap="" align="right" class="form_asterisk">Địa chỉ  :</td>
                    <td nowrap="nowrap"><input type="text" size="50" class="text" id="ord_address" name="ord_address" data-bind="value: OrdAddress"> <font color="#FF0000">*</font></td>
                </tr>
                <tr>
                    <td nowrap="" align="right" class="form_asterisk">E-mail :</td>
                    <td><input type="text" maxlength="60" size="40" class="text" id="ord_email" name="ord_email" data-bind="value: OrdEmail"> <font color="#FF0000">*</font> </td>
                </tr>
                <tr>
                    <td nowrap="" align="right">Điện thoại  :</td>
                    <td class="form_asterisk"><input type="text" maxlength="50" size="30" class="text" id="ord_phone" name="ord_phone" data-bind="value: OrdPhone"> <font color="#FF0000">*</font></td>
                </tr>
                <tr>
                    <td nowrap="" align="right">Di động :</td>
                    <td><input type="text" maxlength="50" size="30" class="text" id="ord_mobile" name="ord_mobile"  data-bind="value: OrdMobile"> <font color="#FF0000">*</font></td>
                </tr>
                <tr>
                    <td nowrap="" align="right">Fax :</td>
                    <td><input type="text" maxlength="50" size="30" class="text" id="ord_fax" name="ord_fax" data-bind="value: OrdFax"> </td>
                </tr>
                <tr>
                    <td nowrap="" align="right" colspan="2" class="order_status"><hr width="98%" size="1" color="#999999"></td>
                </tr>
                <tr>
                    <td nowrap="nowrap" style="padding-left:20px" colspan="2" class="form_title">THÔNG TIN NGƯỜI NHẬN HÀNG :</td>
                </tr>
                <tr>
                    <td></td>
                    <!--<td nowrap="nowrap"><input type="checkbox" onclick="checksame()" id="check_same">&nbsp;<label for="check_same">Thông tin người nhận hàng trùng với thông tin người đặt</label></td>-->
                    <td nowrap="nowrap"><input type="checkbox"  data-bind="checked: SameDatHang">&nbsp;<label for="check_same">Thông tin người nhận hàng trùng với thông tin người đặt</label></td>
                </tr>
                <tr>
                    <td nowrap="" align="right">Họ và tên :</td>
                    <td class="form_asterisk"><input type="text" maxlength="50" size="35" class="text" id="ord_sname" name="ord_sname" data-bind="value: OrdSName"> <font color="#FF0000">*</font></td>
                </tr>
                <tr>
                    <td nowrap="" align="right">Giới tính :</td>
                    <td class="form_asterisk">
                        <select id="ord_sgender" class="form-input" data-bind="value: Gender2, foreach: genderOptions" name="ord_sgender" style="width:70px">
                            <option data-bind="value: Id, text: Name"></option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td nowrap="" align="right">Địa chỉ :</td>
                    <td nowrap="nowrap" class="form_asterisk"><input type="text" size="50" class="text" value="" id="ord_saddress" name="ord_saddress" data-bind="value: OrdSAddress"> <font color="#FF0000">*</font></td>
                </tr>
                <tr>
                    <td nowrap="" align="right">E-mail :</td>
                    <td class="form_asterisk"><input type="text" value="" size="40" class="text" id="ord_semail" name="ord_semail" data-bind="value: OrdSEmail"> <font color="#FF0000">*</font></td>
                </tr>
                <tr>
                    <td nowrap="" align="right">Điện thoại :</td>
                    <td class="form_asterisk"><input type="text" value="" size="30" class="text" id="ord_sphone" name="ord_sphone" data-bind="value: OrdSPhone"> <font color="#FF0000">*</font></td>
                </tr>
                <tr>
                    <td nowrap="" align="right">Di động :</td>
                    <td><input type="text" value="" size="30" class="text" id="ord_smobile" name="ord_smobile" data-bind="value: OrdSMobile"> <font color="#FF0000">*</font></td>
                </tr>
                <tr>
                    <td nowrap="" align="right">Fax :</td>
                    <td><input type="text" value="" size="30" class="text" id="ord_sfax" name="ord_sfax" data-bind="value: OrdSFax"> </td>
                </tr>
                <tr>
                    <td valign="top" align="right">Ghi chú :</td>
                    <td><textarea rows="18" cols="150" class="form-input" id="ord_sotherinfo" name="ord_sotherinfo"></textarea> </td>
                </tr>
                <tr>
                    <td nowrap="" align="right" colspan="2" class="order_status"><hr width="98%" size="1" color="#999999"></td>
                </tr>
                <tr>
                    <td nowrap="nowrap" style="padding-left:20px" colspan="2" class="form_title">VẬN CHUYỂN VÀ THANH TOÁN :</td>
                </tr>
                <tr>
                    <td nowrap="" align="right">Hình thức vận chuyển :</td>
                    <td> 
                        <select class="form-input" id="ord_delivery" name="ord_delivery" style="width:160px;">
                            <option value="1">Đến địa chỉ người nhận</option>
                            <option value="2">Khách đến nhận hàng</option>
                            <option value="3">Qua bưu điện</option>
                            <option value="4">Hình thức khác</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td nowrap="" align="right">Thời gian vận chuyển :</td>
                    <td class="form_asterisk">
                        <!--<input type="text" id="ord_date" name="ord_date" value= '24/1/2013'  class="text date spl" style="cursor:pointer" />-->
                        <input type="text" id="ord_date" name="ord_date" value= '<%=getTimeNow()%>'  class="text date spl" />
                        <span style="margin-left:20px;">(Ngày / Tháng / Năm)</span>
                    </td>
                </tr>
                <tr> 
                    <td nowrap="" align="right">Hình thức thanh toán :</td>
                    <td> 
                        <select class="form-input" id="ord_payment" name="ord_payment">
                            <option value="0">Tiền mặt</option>
                            <option value="1">Thẻ ATM</option>
                            <option value="2">Chuyển khoản</option>
                        </select>
                    </td>
                </tr>	  
                <tr height="50"> 
                    <td nowrap="" align="right">&nbsp;</td>
                        <td>
                            <!--<input type="submit" value="Gửi đi" class="btn">-->
                            <input type="button" value="Gửi đi" class="btn btn-capnhat" data-bind="click: nextClickAble">
                            <div class="floatLeft"><img height="10px" class="spacer" src="images/spacer.gif"></div>
                            <!--<input type="reset" value="Làm lại" class="btn btn-capnhat"> -->
                    </td>
                </tr>
      </tbody>
            </table>
       </div>
    </form>
</div>

<script type="text/javascript">
//<![CDATA[
    $(function() {
        $("#ord_date").datepicker("getDate");
    });
//]]>
</script>